<template>
  <div id="letContent2">
       <dv-border-box-1>
            <div class="bg-color-black">
                <div class="d-flex pt-2 pl-2">
                    <span style="color:#5cd9e8">
                    <icon name="chart-pie"></icon>
                    </span>
                    <div class="d-flex">
                    <span class="fs-xl text mx-2">{{text}}</span>
                    <dv-decoration-1 style="width:1.25rem;height:.25rem; position:relative;top:-.0375rem;" />
                    </div>
                </div>
                <div class="d-flex jc-center centerLeft1Chart">
                    <CenterLeft1Chart />
                </div>
            </div>
       </dv-border-box-1>
    
  </div>
</template>

<script>
import CenterLeft1Chart from "@/components/echart/letComponents/letContent2";
export default {
  data() {
    return {
        text:'2021测评点位占比',
    };
  },
  components: {
    CenterLeft1Chart
  },
  mounted() {},
  methods: {}
};
</script>

<style lang="scss">
#letContent2 {
  height: 40%;
  min-width: 3.75rem;
  border-radius: 0.0625rem;
    .bg-color-black {
        height: 100%;
        border-radius: 0.125rem;
        background-color: #13192f00;
        padding: 0.2rem;
        .centerLeft1Chart {
          width: 100%;
          height: 90%;
        }
    }
    .text {
        font-family: 'MEDIUM';
        color: #fff;
    }
    .chart-box {
        margin-top: 0.2rem;
        width: 2.125rem;
        height: 2.125rem;
        .active-ring-name {
            padding-top: 0.125rem;
        }
    }
}
</style>